<%@ page contentType="text/html; charset=utf-8" language="java" %>
<%@ include file="/sys/include/header.jsp" %>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>工资条查询</title>
<link href="sys/style01/css/table.css" rel="stylesheet" type="text/css">
<link href="sys/css/banzu.css" rel="stylesheet" type="text/css"  >
</head>
<body class="ridgeBody" >
<script language="javascript">
	var xmlhttpPop;
	var areaNowPop;
	function selectAreaPop(areaCode,areaValue,area){
		areaNowPop = area;
		var url = "";
					 
		xmlhttpPop=createXmlPop();
		if (xmlhttpPop==null) {
	    	alert ("您的浏览器不支持AJAX！");
	    	return;
	    }
	   
	    if(areaNowPop=='emp_area')
	  		url="hr/ajaxGetAreaList.action?queryAreaCode="+areaCode+"&sid="+Math.random();
	  	if(areaNowPop=='emp_province')
	  		url="hr/ajaxGetCityList.action?queryAreaCode="+areaCode+"&sid="+Math.random();

	  	if(url!=""){
		  xmlhttpPop.onreadystatechange=areaChangedPop;
		  xmlhttpPop.open("GET",url,true);
		  xmlhttpPop.send(null);
	  }
	}
	
	function createXmlPop(){
		var xmlhttpd;
		try{
			xmlhttpd= new ActiveXObject('msxml2.xmlhttp');
		}catch(e){
			try{
				xmlhttpd=new ActiveXObject('Microsoft.xmlhttp');
			}catch(e){
			 	try{
			 		xmlhttpd=new XMLHttpRequest();
				}catch(e){}
			}
		}
		return xmlhttpd;
	}
	
	//区域选择，ajax返回
	function areaChangedPop(){
		var provinceCodePop = new Array();
		var provinceValuePop = new Array();
	 	if (xmlhttpPop.readyState == 4&&xmlhttpPop.status == 200){
	 	var xmlDoc = xmlhttpPop.responseXML.documentElement;
	 	//var str=xmlhttpPop.responseText;
	 	if (xmlDoc == null) {
			return;
		}
		var flagYn = true;
		var until = xmlDoc.childNodes;
		for (var idx=0; idx < until.length; idx++) {
			var peer = xmlDoc.childNodes[idx];
			if(areaNowPop=='emp_area'&&peer.tagName=='province'){
				provinceCodePop[provinceCodePop.length] = peer.text.split(",")[0];
			 	provinceValuePop[provinceValuePop.length] = peer.text.split(",")[1];
			 	continue;
			 }
			 
			 if(areaNowPop=='emp_province'&&peer.tagName=='city'){
				provinceCodePop[provinceCodePop.length] = peer.text.split(",")[0];
			 	provinceValuePop[provinceValuePop.length] = peer.text.split(",")[1];
			 	continue;
			 }
		}			 
	
		
		if(areaNowPop=='emp_area'){
			if(provinceCodePop.length>0){
				document.queryFrom.emp_province_code.innerHTML="";
				document.queryFrom.emp_province_code.options[0]=new Option("请选择","");
				for(var i=0;i<provinceCodePop.length;i++)
					document.queryFrom.emp_province_code.options[i+1]=new Option(provinceValuePop[i],provinceCodePop[i]);
				document.queryFrom.emp_province_code.selectedIndex  = 0;
			}else{
				document.queryFrom.emp_province_code.innerHTML="";
				document.queryFrom.emp_province_code.options[0]=new Option("请选择","");
			}
			if(document.queryFrom.emp_city_code){
				document.queryFrom.emp_city_code.innerHTML="";
				document.queryFrom.emp_city_code.options[0]=new Option("请选择","");
			}
		}
		if(areaNowPop=='emp_province'){
			if(provinceCodePop.length>0){
				document.queryFrom.emp_city_code.innerHTML="";
				document.queryFrom.emp_city_code.options[0]=new Option("请选择","");
				for(var i=0;i<provinceCodePop.length;i++)
					document.queryFrom.emp_city_code.options[i+1]=new Option(provinceValuePop[i],provinceCodePop[i]);
				document.queryFrom.emp_city_code.selectedIndex  = 0;
			}else{
				document.queryFrom.emp_city_code.innerHTML="";
				document.queryFrom.emp_city_code.options[0]=new Option("请选择","");
			}
		}
		areaNowPop = "";
		}
	}
	
	function excel(){
		document.queryFrom.target="_blank";
		document.queryFrom.action="pay/exceptExcelSalaryList.action";
		document.queryFrom.submit();
		document.queryFrom.target="";
		document.queryFrom.action="pay/retrieveSalaryList.action";
	}

</script>

<table width="100%" >
<tr><td> 
<form name="queryFrom" method="post" action="pay/retrieveSalaryList.action"> 
 <input type="hidden" name="curpage"/>
 <fieldset align='left' style="width:500"> 
  <legend><font  size="2"><img src="sys/images/getpic.gif"> 请选择查询条件</font></legend>
   <table id="tab4" style="display:block;" class="datatable" width="500" cellpadding='0' cellspacing='0' border='1' bordercolorDark='white' bordercolorLight='#BEBEBE'>
  	<tr>
		<td height="26" colspan="4"  class="dataTitle">工资条信息</td>
	 </tr>
	<tr>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">区域：</td>
		<td height="26" with="25%">
			<select class="selectwidth" name="emp_area_code" onChange="selectAreaPop(this.options[selectedIndex].value,this.options[selectedIndex].text,'emp_area')"  >
				<option value="" selected>请选择</option>
				<c:forEach items="${areaList}" var="area">
					<option value="${area.areaCode}" <c:if test="${area.areaCode==emp_area_code}">selected</c:if>>${area.areaValue}</option>	
				</c:forEach>
			</select>
		</td>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">省份：</td>
		<td height="26" with="25%">
			<select class="selectwidth" name="emp_province_code" onChange="selectAreaPop(this.options[selectedIndex].value,this.options[selectedIndex].text,'emp_province')"  >
				<option value="" selected>请选择</option>
				<c:forEach items="${provinceList}" var="province">
					<option value="${province.provinceCode}" <c:if test="${province.provinceCode==emp_province_code}">selected</c:if>>${province.provinceName}</option>	
				</c:forEach>
			</select>
		</td>
	</tr>
	<tr>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">城市：</td>
		<td height="26" with="25%">
			<select class="selectwidth" name="emp_city_code"   >
				<option value="" selected>请选择</option>
				<c:forEach items="${cityList}" var="city">
					<option value="${city.cityCode}" <c:if test="${city.cityCode==emp_city_code}">selected</c:if>>${city.cityName}</option>	
				</c:forEach>
			</select>
		</td>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">月份(yyyy-mm)：</td>
		<td height="26" with="25%">
			<select class="selectwidth" name="queryyyyymm"   >
				<c:forEach items="${yyyyList}" var="yyyy">
					<option value="${yyyy.code}" <c:if test="${yyyy.code==queryyyyymm}">selected</c:if>>${yyyy.value}</option>	
				</c:forEach>
			</select>
		</td>
	</tr>
	<tr>
	<td height="26" with="25%" nowrap="nowrap" class="datatr1">RTM编码：</td>
		<td height="26" with="25%">
			<input name="queryRtmCode" type="text" class="input" value="${queryRtmCode}">
		</td>
		
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">RTM名称：</td>
		<td height="26" with="25%">
			<input name="queryRtmName" type="text" class="input" value="${queryRtmName}">
		</td>
	</tr>
	<tr>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">CTM姓名：</td>
		<td height="26" with="25%">
			<input name="queryCtmName" type="text" class="input" value="${queryCtmName}">
		</td>
		<td height="26" with="25%" nowrap="nowrap" class="datatr1">CTM编码：</td>
		<td height="26" with="25%">
			<input name="queryCtmCode" type="text" class="input" value="${queryCtmCode}">
		</td>		
	</tr>
	<tr>
		<td height="25" colspan="4"  class="dataTitle"><input type="Submit" name="Submit" value="查询" ></td>
	</tr>
</table>
</fieldset>
</form>
</td></tr> <tr ><td width="100%"  >
<table width="100%" cellpadding='0' cellspacing='0' border='1' bordercolorDark='white' bordercolorLight='#BEBEBE' class="datatable">
	<tr>			
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;年月&nbsp;</td>		
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;区域&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;省份&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;城市&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;姓名&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;基本工资&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;奖金基数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;RTM评估系数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;神访系数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;神秘访客&督导奖金系数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;金额小计(前三项)&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;业绩达标系数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;金额小计(业绩达标)&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;加班天数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;加班金额&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;其他费用&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;节日津贴&nbsp;</td>		
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;奖金&nbsp;</td>	
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;假勤天数&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;假勤扣款&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;工资合计&nbsp;</td>		
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;经济补偿金&nbsp;</td>	
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;通讯费&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;差旅费&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;交通等杂费&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;补上月报销&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;电脑补助&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;报销合计&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;个人保险金&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;本月个税&nbsp;</td>
		<td height="22" nowrap class="dataTitle" align="center">&nbsp;实发工资&nbsp;</td>
	</tr>
	<c:forEach items="${pageBean.map}" var="map">
	<tr class="datatr" align="center" onMouseOver=this.className='udatatr' onMouseOut=this.className='datatr'>
		 <td nowrap="nowrap" class="Table_str" >${map.yyyy_mm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.area_value}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.province_value}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.city_value}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.ctm_name}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.base_salary}&nbsp;</td>		 		 
		 <td nowrap="nowrap" class="Table_str" >${map.award_parm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.rtm_parm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.visitor_parm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.rtm_visitor_parm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.kpi_first_award}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.rate_parm}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.rate_award}&nbsp;</td>
		 
		 <td nowrap="nowrap" class="Table_str" >${map.overtime_date}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.overtime_award}&nbsp;</td>		 		 
		 <td nowrap="nowrap" class="Table_str" >${map.othe_award}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.spring_award}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.ctm_award}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.leave_date}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.leave_cut_award}&nbsp;</td>
		 
		 <td nowrap="nowrap" class="Table_str" >${map.salary_total}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.ctm_buchang}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.tongxunfei}&nbsp;</td>
		 
		 <td nowrap="nowrap" class="Table_str" >${map.chailvfei}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.zafei}&nbsp;</td>		 		 
		 <td nowrap="nowrap" class="Table_str" >${map.shangyuebaoxiao}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.diannaobuzhu}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.baoxiaoheji}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.baoxian}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.geshui}&nbsp;</td>
		 <td nowrap="nowrap" class="Table_str" >${map.real_salary}&nbsp;</td>
	</tr>
	</c:forEach>
	<c:if test="${pageBean.page.pageRow>0}">
	<tr>
		<td height="20" colspan="40"><jsp:include page="/sys/include/page.jsp" flush="true"/> 
		</td>
	</tr>
	</c:if> 
 </table>
 </td></tr>	
</table>

</body>
</html>
  